<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<title></title>
	</head>
	<body>
		<div class="container-fluid menu-title">
			<div class="col-xs-12 head-xs">
				<div class="fl xs-head">
					<input type="checkbox"  id="toggle">
					<label class="test" for="toggle">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</label>
					<div class="xs-catalog">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li><a href="kecheng.html">课程</a></li>
							<li><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
						</ul>
					</div>
				</div>
				<div class="fl xs-head-img">
					<img src="img/1.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="header-nav">
				<div class="container header">
					<div class="col-lg-5 header-top-img">
						<img src="./img/1.webp" >
					</div>
					<div class="col-lg-5 head-title">
						<ul>
							<li class="head-title-a"><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li><a href="kecheng.html">课程</a></li>
							<li><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="col-lg-2 head-title-right">
						<i class="icon-1"></i>
						<span>001-0011-2222</span>
					</div>
				</div>
			</div>
			<div class="container menu-nav">
				<div class="col-xs-12 col-lg-12 menu-top">
					<ul>
						<li>平安驾校</li>
						<li>驰骋<span>&nbsp;成功大道</span></li>
					</ul>
				</div>
				<div class="col-xs-12 col-lg-8 menu-xian">
					<div class="fl xian-left"></div>
					<div class="fl xian-right"></div>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-lg-12 menu-bottom">
					<ul>
						<li><i class="icon-2"></i>全国统一价格</li>
						<li><i class="icon-2"></i>快速拿证，免费试学</li>
						<li><i class="icon-2"></i>没有时间要求，以自己的步伐学习</li>
					</ul>
					<div class="col-xs-12 col-lg-4 menu-bottom-title">
						<div class="fl menu-bottom-left">
							<p>现在预约</p>
						</div>
						<div class="fr menu-bottom-right">
							<p>4280<span>¥低至</span></p>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="container page">
			<div class="col-xs-4 col-lg-4 page-icon-title">
				<div class="page-icon-3">
					<i class="icon-3"></i>
					<span>新设备</span>
				</div>
			</div>
			<div class="col-xs-4 col-lg-4 page-icon-title">
				<div class="page-icon-4">
					<i class="icon-4"></i>
					<span>专业教练</span>
				</div>
			</div>
			<div class="col-xs-4 col-lg-4 page-icon-title">
				<div class="page-icon-5">
					<i class="icon-5"></i>
					<span>可控课程</span>
				</div>
			</div>
		</div>
		<div class="container page-title">
			<div class="col-xs-12 col-lg-6 page-title-left">
				<div class="page-title-left-top">
					<ul>
						<li>欢迎来到<span>平安</span></li>
						<li>交通驾校!</li>
						<li>
	以人为本 / 坚持严格训练 / 严格要求 / 为社会负责 / 为学员负责 </li>
					</ul>
				</div>
				<div class="col-xs-12 col-lg-6 page-title-line">
					<div class="fl line-left"></div>
					<div class="fl line-right"></div>
					<div class="clear"></div>
					<div class="page-title-left-bottom">
						<ul>
							<li><span>-</span>现在报名多少钱? 多久可以拿到驾照?</li>
							<li><span>-</span>学车时间是根据本人的时间来定吗?</li>
							<li><span>-</span>关于驾校的环境评价报告表需要，驾校提供哪些资料?</li>
							<li><span>-</span>学车手动挡和自动挡哪个好?</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-lg-6 page-title-right">
				<img src="img/8.webp">
			</div>
		</div>
		<div class="container-fluid content">
			<div class="col-xs-6 col-lg-3 content-nav">
				<div class="content-img">
					<img src="img/9.webp" >
				</div>
			</div>
			<div class="col-xs-6 col-lg-3 content-nav">
				<div class="content-img">
					<img src="img/10.webp" >
				</div>
			</div>
			<div class="col-xs-6 col-lg-3 content-nav">
				<div class="content-img">
					<img src="img/11.webp" >
				</div>
			</div>
			<div class="col-xs-6 col-lg-3 content-nav">
				<div class="content-img">
					<img src="img/12.webp" >
				</div>
			</div>
		</div>
		<div class="container main">
			<div class="col-xs-12 main-title">
				<ul>
					<li>收费<span>明细</span></li>
					<li>一款让无数用户青睐的产品，但并不意味着价格高昂</li>
				</ul>
			</div>
			<div class="main-kc">
				<div class="col-xs-12  col-lg-4 kc-title">
					<ul>
						<li>初学者驾驶课程</li>
						<li>¥<span>4280</span>元/年</li>
						<li>您可以双击这里编辑内容</li>
						<li>
							<div class="kc-line">
								<div class="fl kc-line-left"></div>
								<div class="fl kc-line-right"></div>
								<div class="fl kc-line-left"></div>
								<div class="clear"></div>
							</div>
						</li>
						<li><i class="icon-2"></i>5个1小时课程</li>
						<li><i class="icon-2"></i>免费选择讲师</li>
						<li><i class="icon-2"></i>免费期末考试</li>
					</ul>
					<div class="kc-button">
						<span>立即使用</span>
					</div>
				</div>
				<div class="col-xs-12 col-lg-4 kc-title-z">
					<ul>
						<li>初学者驾驶课程</li>
						<li>¥<span>5400</span>元/年</li>
						<li>您可以双击这里编辑内容</li>
						<li>
							<div class="kc-line-z">
								<div class="fl kc-line-left-z"></div>
								<div class="fl kc-line-right-z"></div>
								<div class="fl kc-line-left-z"></div>
								<div class="clear"></div>
							</div>
						</li>
						<li><i class="icon-2"></i>5个1小时课程</li>
						<li><i class="icon-2"></i>免费选择讲师</li>
						<li><i class="icon-2"></i>免费期末考试</li>
						<li><i class="icon-2"></i>私人车载指导</li>
						<li><i class="icon-2"></i>课前课后跟进</li>
					</ul>
					<div class="kc-button-z">
						<span>立即使用</span>
					</div>
				</div>
				<div class="col-xs-12 col-lg-4 kc-title">
					<ul>
						<li>初学者驾驶课程</li>
						<li>¥<span>8000</span>元/年</li>
						<li>您可以双击这里编辑内容</li>
						<li>
							<div class="kc-line">
								<div class="fl kc-line-left"></div>
								<div class="fl kc-line-right"></div>
								<div class="fl kc-line-left"></div>
								<div class="clear"></div>
							</div>
						</li>
						<li><i class="icon-2"></i>5个1小时课程</li>
						<li><i class="icon-2"></i>免费选择讲师</li>
						<li><i class="icon-2"></i>免费期末考试</li>
					</ul>
					<div class="kc-button">
						<span>立即使用</span>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid summary">
			<div class="col-xs-12 col-lg-6 summary-img">
				<img src="img/13.webp" >
			</div>
			<div class="col-xs-12 col-lg-3 summary-title">
				<ul>
					<li><span>准备好</span>安全，有趣的驾驶！</li>
					<li>学校为青少年初次驾驶员，新成人学习者和已失效执照的现有司机提供以下服务。</li>
				</ul>
				<div class="summary-title-line">
					<div class="fl summary-title-line-left"></div>
					<div class="fl summary-title-line-right"></div>
					<div class="clear"></div>
				</div>
				<div class="summary-title-img">
					<div class="fl summary-title-img-left">
						<img src="img/14.webp" >
						<ul>
							<li>最安全措施</li>
							<li>我们的讲师受到最新安全培训</li>
						</ul>
					</div>
					<div class="fl summary-title-img-right">
						<img src="img/15.webp" >
						<ul>
							<li>新设备</li>
							<li>我们提供最新的驾驶设备</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="summary-title-img">
					<div class="fl summary-title-img-left">
						<img src="img/16.webp" >
						<ul>
							<li>最安全措施</li>
							<li>我们的讲师受到最新安全培训</li>
						</ul>
					</div>
					<div class="fl summary-title-img-right">
						<img src="img/17.webp" >
						<ul>
							<li>新设备</li>
							<li>我们提供最新的驾驶设备</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="container lc">
			<div class="col-xs-12 col-lg12 lc-head">
				<ul>
					<li>学习驾照<span>流程</span></li>
					<li>高标准的质量是您学习的保障</li>
					<li>高品质的服务是我们永久的追求</li>
				</ul>
			</div>
			<div class="col-xs-4 col-lg-4 lc-title">
				<ul>
					<li>.01</li>
					<li>理论考试一</li>
					<li>正确的驾驶学校根据法律进行认证，并为您做好准备</li>
				</ul>
			</div>
			<div class="col-xs-4 col-lg-4 lc-title">
				<ul>
					<li>.02</li>
					<li>理论考试二</li>
					<li>正确的驾驶学校根据法律进行认证，并为您做好准备</li>
				</ul>
			</div>
			<div class="col-xs-4 col-lg-4 lc-title">
				<ul>
					<li>.03</li>
					<li>理论考试三</li>
					<li>正确的驾驶学校根据法律进行认证，并为您做好准备</li>
				</ul>
			</div>
		</div>
		<div class="container-fluid lc-img">
			<div class="container lc-img-title">
				<div class="col-xs-6 col-lg-3 lc-img-title-rs">
					<ul>
						<li>1568+</li>
						<li>驾校毕业的学生人数</li>
					</ul>
				</div>
				<div class="col-xs-6 col-lg-3 lc-img-title-rs">
					<ul>
						<li>200</li>
						<li>多年的市场</li>
					</ul>
				</div>
				<div class="col-xs-6 col-lg-3 lc-img-title-rs">
					<ul>
						<li>545</li>
						<li>训练时间</li>
					</ul>
				</div>
				<div class="col-xs-6 col-lg-3 lc-img-title-rs">
					<ul>
						<li>23</li>
						<li>教练人数</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container dt">
			<div class="col-xs-12 col-lg12 lc-head">
				<ul>
					<li>动态<span>博客</span></li>
					<li>学校为青少年初次驾驶员，新</li>
					<li>成人学习者和已失效执照的现有司机提供以下服务</li>
				</ul>
			</div>
			<div class="col-xs-12 col-lg-4">
				<div class="dt-img">
					<img src="img/19.webp" >
					<ul>
						<li>2019驾考超新交警手势图解</li>
						<li>2019 05-21</li>
						<li>“我想当个设计师，首先是不是得创意好？”</li>
						<li>“错，首先得身体好”</li>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-lg-4">
				<div class="dt-img">
					<img src="img/20.webp" >
					<ul>
						<li>速度看！盘点15组易混淆交通标志</li>
						<li>2019 05-21</li>
						<li>Q：你花了一整天的时间，绞尽脑汁，终于做出一张极其满意的Banner图，发给客户75秒后，收到一...</li>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-lg-4">
				<div class="dt-img">
					<img src="img/21.webp" >
					<ul>
						<li>这样复习准备科目一考试 挂科机率降低10%</li>
						<li>2019 05-21</li>
						<li>面试官：作为设计师，你有什么特长吗？</li>
						<li>求职者：我会一些手绘</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container-fluid xz">
			<div class="container xz-img">
				<div class=" col-xs-12 col-lg-6 xz-title">
					<ul>
						<li>只是在寻找<span>课程？</span></li>
						<li>您可以双击这里或者点击编辑按钮来修改内容您还可以添加图标，按钮，图片等常用元素。</li>
					</ul>
					<div class="xz-button">
						<span>了解更多信息</span>
					</div>
				</div>
			</div>
		</div>
		<div class="container hz">
			<div class="col-xs-12 col-lg12 lc-head">
				<ul>
					<li>合作<span>品牌</span></li>
					<li>优质服务离不开多品牌的合作互助</li>
				</ul>
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/22.webp" >
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/23.webp" >
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/24.webp" >
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/25.webp" >
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/26.webp" >
			</div>
			<div class="col-xs-6 col-lg-2 hz-img">
				<img src="img/27.webp" >
			</div>
		</div>
		<div class="container-fluid bottom">
			<div class="container bottom-title">
				<div class="col-xs-12 col-lg-5 bottom-left">
					<img src="img/1.webp" >
					<ul>
						<li>青少年和成人的防御性驾驶，交通学校和驾驶员教育的领导者。</li>
						<li>COPYRIGHT (©) 2019 驾校模板 京ICP备41414141414-1号 </li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>关于我们</li>
						<li>师资力量</li>
						<li>课程价格</li>
						<li>新闻博客</li>
					</ul>
				</div>
				<div class="col-lg-3 bottom-right">
					<ul>
						<li>联系我们</li>
						<li>地址：苏州市工业园区00号</li>
						<li>电话：+1 703-518-6099</li>
						<li>邮件：hello@qifeiye.com</li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>分享</li>
					</ul>
					<ul>
						<li ><i class="icon-b1"></i></li>
						<li ><i class="icon-b2"></i></li>
						<li ><i class="icon-b3"></i></li>
						<li ><i class="icon-b4"></i></li>
					</ul>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
</html>
